<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>图书吧</title>
		<jsp:include page="head.jsp" />
	</head>
	<body>
		<div class="main">
			<jsp:include page="header.jsp" />
			<div class="center">
				<div class="pageTitleArea">
					<div class="pageTitle">
						注册
					</div>
					<span>Register</span>
					<div class="clear">
						<!---->
					</div>
				</div>
				<div class="contentArea">
					<div class="regLeft">
						<div class="dashedBorder">
							<div class="blockContentDiv">
								<p class="regWelIcon">
									<!---->
								</p>
								<p>
									图书吧绝不公开你的Email
								</p>
								<p>
									所有提醒服务完全免费
								</p>
								<p>
									有超过500,000人正在使用记忆日
								</p>
							</div>
						</div>
						<div class="gotoRegDiv">
							<a href="user?xcase=login">&lt;&lt; 已经有图书吧帐号? 请登录</a>
						</div>
						<div class="dashedBorder">
							<div class="blockContentDiv">
								<p class="xiaoneilogo">
									<!---->
								</p>
								<p>
									在校内网等网站使用记忆日插件的用户，无需再次注册，请使用接收提醒信息的Email或手机号码作为帐号
									<a href="user?xcase=login">[登录]</a>
								</p>
								<p class="regFgtpw">
									<a href="javascript:void(0)"
										onclick="show_findpassword_dialog();">不知道密码？[点击这里]</a>
								</p>
							</div>
						</div>
					</div>
					<div class="regRight">
						<div class="block">
							<div class="blockTitleDiv">
								<span class="blockTitle">填写注册信息<span class="blockSubTitle"><span>注册步骤:1/3</span> </span> </span>

								<div class="clear">
									<!---->
								</div>
							</div>
							<div class="blockContentDiv">
								<div class="bottomBorder2">
									<!---->
								</div>
								<form id="user_reg_form" action="user?xcase=register" method="post">
									<table class="reg">
										<tr>
											<td class="name">
												帐号:
											</td>
											<td class="input">
												<p>
													<input id="account" type="text" class="importInput" name="manager.username" maxlength="16"/>
												</p>
											</td>
											<td class="inputDesSpanTd">
												<span class="inputDesSpan">用来确认身份，不对外公开</span>
											</td>
										</tr>
										<tr>
											<td class="name">
												密码:
											</td>
											<td class="input">
												<p>
													<input id="password" type="password" class="importInput" name="manager.password" maxlength="16"/>
												</p>
											</td>
											<td class="inputDesSpanTd">
												<span class="inputDesSpan">最少6个数字或者字母</span>
											</td>
										</tr>
										<tr>
											<td class="name">
												确认密码:
											</td>
											<td class="input">
												<p>
													<input id="confirm_password" type="password" class="importInput" name="c_password" maxlength="16"/>
												</p>
											</td>
											<td class="inputDesSpanTd">
												<span class="inputDesSpan">再输入一遍密码</span>
											</td>
										</tr>
										<tr>
											<td class="name">
												姓名:
											</td>
											<td class="input">
												<p>
													<input id="realname" type="text" class="importInput" name="reader.name" maxlength="16" />
												</p>
											</td>
											<td class="inputDesSpanTd">
												<span class="inputDesSpan">2－16个字母或汉字</span>
											</td>
										</tr>
										<tr>
											<td class="name2">
												性别:
											</td>
											<td class="sex">
												<ul>
													<li>
														<label class="pretty_radio" for="sex_male">
															<input type="radio" id="sex_male" name="sex" value="男" checked="checked" autocomplete="off" />
															男
														</label>
													</li>
													<li>
														<label class="pretty_radio" for="sex_female">
															<input type="radio" id="sex_female" name="sex" value="女" autocomplete="off" />
															女
														</label>
													</li>
													<li>
														<label class="pretty_radio" for="sex_serect">
															<input type="radio" id="sex_serect" name="sex" value="保密" autocomplete="off" />
															保密
														</label>
													</li>
												</ul>
											</td>
											<td class="inputDesSpanTd"></td>
										</tr>
										<tr>
											<td class="name">
												生日:
											</td>
											<td class="input">
												<div class="bdayTab">
													<a href="javascript:void(0)" title="公历" id="dateinputer_solar_btn">公历</a><a title="农历"
														href="javascript:void(0)" id="dateinputer_lunar_btn">农历</a>
													<div class="clear">
														<!---->
													</div>
												</div>
												<div class="bdaySelectDiv">
													<select id="dateinputer_year">
														<option>
															选择年...
														</option>
													</select>
													<select id="dateinputer_month">
														<option>
															选择月...
														</option>
													</select>
													<select id="dateinputer_day">
														<option>
															选择日...
														</option>
													</select>
													<input type="hidden" id="dateinputer_issolar" />
													<div class="clear">
														<!---->
													</div>
												</div>
											</td>
											<td class="inputDesSpanTd"></td>
										</tr>
										<tr>
											<td class="name"></td>
											<td class="input">
												<input type="submit" value="注册" class="confirmBtn" />
												<div id="daniel_swf"></div>
											</td>
											<td class="inputDesSpanTd"></td>
										</tr>
										<tr>
											<td>
												<!---->
											</td>
											<td class="loadingStatus" id="state_area">
												<div class="loading" style="display: none;" id="loading"></div>
												<div id="state_list_area"></div>
											</td>
										</tr>
									</table>
									<input type="hidden" name="think_html_token" value="" />
								</form>
							</div>
						</div>
					</div>
					<div class="clear">
						<!---->
					</div>
				</div>
				<div class="clear">
					<!---->
				</div>
			</div>
			<jsp:include page="footer.jsp" />
		</div>
	</body>
</html>
